<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css" type="text/css">
    <link rel="stylesheet" href="css/top.css" type="text/css">
    <link rel="stylesheet" href="css/right.css" type="text/css">
    <link rel="stylesheet" href="css/center.css" type="text/css">
    <link rel="stylesheet" href="css/left.css" type="text/css">
    <link rel="stylesheet" href="css/footer.css" type="text/css">
</head>
<body>
    <div class="father clearfix">
        <div class="top">
            <div class="banner"></div>
            <div class="nav">
                <ul class="clearfix">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">新疆简介</a></li>
                    <li><a href="#">风土人情</a></li>
                    <li><a href="#">吃在新疆</a></li>
                    <li><a href="#">路线选择</a></li>
                    <li><a href="#">自助行</a></li>
                    <li><a href="#">摄影摄像</a></li>
                    <li><a href="#">游记精选</a></li>
                    <li><a href="#">资源下载</a></li>
                    <li><a href="#">雁过留声</a></li>
                </ul>
            </div>
        </div>
        <div class="left clearfix">
            <div class="weather">天气查询</div>
            <div class="reference">
                <ul class="clearfix">
                    <li><a href="#">乌鲁木齐</a></li>
                    <li><a href="#">雷阵雨</a></li>
                    <li><a href="#">20°C~31°C</a></li>
                </ul>
                <ul class="clearfix">
                    <li><a href="#">吐鲁番</a></li>
                    <li><a href="#">多云转阴</a></li>
                    <li><a href="#">20°C~28°C</a></li>
                </ul>
                <ul class="clearfix">
                    <li><a href="#">喀什</a></li>
                    <li><a href="#">阵雨转多云</a></li>
                    <li><a href="#">25°C~32°C</a></li>
                </ul>
                <ul class="clearfix">
                    <li><a href="#">库尔勒</a></li>
                    <li><a href="#">阵雨转阴</a></li>
                    <li><a href="#">21°C~28°C</a></li>
                </ul>
                <ul class="clearfix">
                    <li><a href="#">克拉玛依</a></li>
                    <li><a href="#">雷阵雨</a></li>
                    <li><a href="#">26°C~30°C</a></li>
                </ul>
            </div>
            <div class="recommend">
                <p class="recommend01">今日推荐</p>
                <div class="recommend02">
                    <ul>
                        <li><a href="#"><img src="img/tuijian1.jpg" alt="tuijian"><br>格纳斯河</a></li>
                        <li><a href="#"><img src="img/tuijian2.jpg" alt="tuijian"><br>布尔津</a></li>
                        <li><a href="#"><img src="img/tuijian3.jpg" alt="tuijian"><br>天山支路</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="center clearfix">
            <div class="ghost">
                <img src="img/ghost.jpg" alt="">
            </div>
            <div class="beauty clearfix">
                <ul clearfix>
                    <li><a href="#"><img src="img/beauty1.jpg" alt="beauty"></a></li>
                    <li><a href="#"><img src="img/beauty2.jpg" alt=beauty""></a></li>
                    <li><a href="#"><img src="img/beauty3.jpg" alt="beauty"></a></li>
                    <li><a href="#"><img src="img/beauty4.jpg" alt="beauty"></a></li>
                </ul>
            </div>
            <div class="map clearfix">
                <ul class="clearfix">
                    <li><a href="#">吐鲁番一一库尔勒一一库车一一塔中一一和田一一喀什</a></li>
                    <li><a href="#">乌鲁木齐一一天池一一克拉玛依一一乌伦古湖一一喀纳斯</a></li>
                    <li><a href="#">乌鲁木齐一一奎屯一一乔尔玛一一那拉提一一巴音布鲁克</a></li>
                    <li><a href="#">乌鲁木齐一一五彩城一一将军隔壁一一吉木萨尔</a></li>
                </ul>
            </div>
        </div>
        <div class="right clearfix">
            <div class="view">
                <p>新疆风光</p>
                <ul class="map01">
                    <li><a href="#"><img src="img/map1.jpg" alt="map01"></a></li>
                    <li><a href="#"><img src="img/map2.jpg" alt="map02"></a></li>
                </ul>
            </div>
            <div class="eathotel">
                <p>小吃推荐</p>
                <ul>
                    <li><a href="#">17号抓饭</a></li>
                    <li><a href="#">大盘鸡</a></li>
                    <li><a href="#">五一夜市</a></li>
                    <li><a href="#">水果</a></li>
                </ul>
                <p>宾馆酒店</p>
                <ul>
                    <li><a href="#">美丽华山大饭店</a></li>
                    <li><a href="#">海德大饭店</a></li>
                    <li><a href="#">银都大饭店</a></li>
                    <li><a href="#">鸿福大饭店</a></li>
                    <li><a href="#">友好大酒店</a></li>
                    <li><a href="#">棉麻宾馆</a></li>
                    <li><a href="#">电信宾馆</a></li>
                </ul>
            </div>
            
        </div>
        <div class="footer clearfix">
            艾萨克&nbsp;&nbsp;&copy;版权所有&nbsp;&nbsp;<span>demo@demo.com</span>
        </div>
    </div>
</body>
</html>